/* user-quan/1.0.0 common.css Date:2016-11-30 17:05:23 */
@charset "UTF-8";
.btn-01, .btn-02, .btn-09 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-01 .btnico, .btn-01 .btntxt, .btn-02 .btnico, .btn-02 .btntxt, .btn-09 .btnico, .btn-09 .btntxt {
    display: inline-block;
    vertical-align: middle
}

.btn-01:hover, .btn-02:hover, .btn-09:hover {
    text-decoration: none
}

.btn-09 {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f7f7f7, #f3f2f2);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #f3f2f2));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#f3f2f2');
    background-image: linear-gradient(to bottom, #f7f7f7 0, #f3f2f2 100%);
    color: #333;
    border: 1px solid #ddd
}

.btn-09:hover {
    -webkit-box-shadow: 0 1px 1px rgba(30, 30, 30, .1);
    -moz-box-shadow: 0 1px 1px rgba(30, 30, 30, .1);
    box-shadow: 0 1px 1px rgba(30, 30, 30, .1);
    color: #333
}

.btn-01, .btn-02 {
    background-color: #e74649;
    background-image: -moz-linear-gradient(top, #e74649, #df3134);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e74649), color-stop(1, #df3134));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74649', endColorstr='#df3134');
    background-image: linear-gradient(to bottom, #e74649 0, #df3134 100%);
    color: #fff
}

.btn-01:hover, .btn-02:hover {
    background-color: #f05356;
    background-image: -moz-linear-gradient(top, #f05356, #eb3c3f);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f05356), color-stop(1, #eb3c3f));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f', GradientType='0');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05356', endColorstr='#eb3c3f');
    background-image: linear-gradient(to bottom, #f05356 0, #eb3c3f 100%);
    color: #fff
}

.comment-icon, .find-icon, .like-icon, .q-icon, .rank-icon, .remd-icon, .seckill-icon, .task-icon, .tip-icon {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mr5 {
    margin-right: 5px
}

.mr10 {
    margin-right: 10px
}

.mr20 {
    margin-right: 20px
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.ml5 {
    margin-left: 5px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml70 {
    margin-left: 70px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pr5 {
    padding-right: 5px
}

.pr10 {
    padding-right: 10px
}

.pb5 {
    padding-bottom: 5px
}

.pb10 {
    padding-bottom: 10px
}

.pl5 {
    padding-left: 5px
}

.pl10 {
    padding-left: 10px
}

.ftx-01, .ftx01 {
    color: #e4393c
}

.ftx-02, .ftx02 {
    color: #71b247
}

.ftx-03, .ftx03 {
    color: #999
}

.ftx-04, .ftx04 {
    color: #fab715
}

.ftx-05, .ftx05 {
    color: #005ea7
}

.ftx-06, .ftx06 {
    color: #666
}

.fz14 {
    font-size: 14px
}

.fz16 {
    font-size: 16px
}

.btn-01 {
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    font-size: 14px;
    font-weight: 700
}

.btn-01 .btntxt {
    height: 36px
}

.btn-02 {
    height: 33px;
    line-height: 33px;
    padding: 0 35px;
    font-size: 14px
}

.btn-02 .btntxt {
    height: 33px
}

.btn-09 {
    height: 31px;
    line-height: 31px;
    padding: 0 33px;
    font-size: 14px
}

.btn-09 .btntxt {
    height: 31px
}

.btn-m {
    width: 100px;
    height: 33px;
    line-height: 33px;
    padding: 0
}

.btn-m .btntxt {
    height: 33px
}

.btn-m2 {
    width: 98px;
    height: 31px;
    line-height: 31px;
    padding: 0
}

.btn-m2 .btntxt {
    height: 31px
}

.btn-xl {
    width: 353px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px
}

.btn-xl .btntxt {
    height: 36px
}

.main {
    font-family: "Microsoft YaHei"
}

.gray-wrap {
    margin-bottom: 30px;
    padding: 30px 0 0;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/h-circle.png) repeat-x left bottom #f7f7f7
}

.gray-wrap-02 {
    padding: 0
}

.lgray-wrap {
    padding-bottom: 30px;
    background: #f7f7f7
}

.loading-box {
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/loading.gif) center no-repeat;
    min-height: 120px
}

.rank-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 15px;
    height: 12px;
    margin-right: 3px;
    background-position: -43px 0;
    vertical-align: middle;
    overflow: hidden
}

.tip-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 14px;
    height: 18px;
    margin-right: 5px;
    background-position: -26px -333px;
    vertical-align: middle;
    overflow: hidden
}

.remd-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: -48px -333px;
    vertical-align: middle;
    overflow: hidden
}

.comment-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: 0 -359px;
    vertical-align: middle;
    overflow: hidden
}

.find-icon, .like-icon, .seckill-icon, .task-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 30px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    overflow: hidden
}

.seckill-icon {
    background-position: 0 -281px
}

.task-icon {
    background-position: -38px -281px
}

.find-icon {
    background-position: -78px -278px
}

.like-icon {
    width: 34px;
    background-position: -118px -281px
}

.q-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 24px;
    height: 25px;
    margin-right: 5px;
    vertical-align: middle;
    overflow: hidden
}

.dq-icon {
    background-position: 0 -124px
}

.jq-icon {
    background-position: -34px -124px
}

.yfq-icon {
    background-position: -68px -124px
}

.dq-gray-icon {
    background-position: 0 -158px
}

.jq-gray-icon {
    background-position: -34px -158px
}

.yfq-gray-icon {
    background-position: -68px -158px
}

.empty-box {
    padding: 35px 0 20px;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 30px;
    overflow: hidden
}

.empty-box .empty-cont {
    width: 810px;
    margin: 0 auto;
    display: inline-block;
    display: block
}

.empty-box .empty-cont:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .empty-box .empty-cont {
    height: 1%
}

* + html .empty-box .empty-cont {
    min-height: 1%
}

.empty-box .joy-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 120px;
    height: 112px;
    margin-right: 30px;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/empty-joy.png) no-repeat left center
}

.empty-box .joy-icon02 {
    width: 155px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-joy.png) no-repeat left center
}

.empty-box .item-fore {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-top: 30px;
    font-size: 14px
}

.empty-box h3 {
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #333
}

.empty-box02 {
    padding: 30px 0;
    background: #fff;
    overflow: hidden
}

.empty-box02 .joy-s-icon {
    display: block;
    width: 94px;
    height: 58px;
    margin: 0 auto 10px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-s-joy.png) no-repeat
}

.empty-box02 .empty-cont {
    position: relative;
    text-align: center
}

.empty-box02 .line {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ebebeb;
    overflow: hidden
}

.empty-box02 .txt {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    z-index: 2;
    padding: 0 90px;
    background: #fff;
    font-size: 14px;
    color: #747474;
    font-family: "Microsoft YaHei"
}

.quan-mod .mt {: @inlcude clearfix;
    position: relative;
    height: 38px;
    margin-bottom: 35px
}

.quan-mod .mt .line {
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffd3d4;
    overflow: hidden
}

.quan-mod h3 {
    position: relative;
    z-index: 2;
    float: left;
    height: 38px;
    line-height: 38px;
    font-size: 30px;
    color: #e4393c;
    font-weight: 400;
    background: #fff
}

.quan-mod .slogan {
    float: left;
    position: relative;
    top: 13px;
    width: 145px;
    height: 20px;
    line-height: 99em;
    z-index: 2;
    font-size: 18px;
    color: #e4393c;
    _display: inline;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/slogan.png) #fff no-repeat
}

.quan-mod .s1 {
    background-position: 0 0
}

.quan-mod .s2 {
    background-position: 0 -30px
}

.quan-mod .extra-r {
    position: relative;
    z-index: 2;
    float: right;
    background: #fff
}

.quan-mod .extra-r .more {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    margin: 3px 0 0 10px;
    border: 1px solid #ccc;
    color: #222;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px
}

.quan-mod .extra-r .more:hover {
    color: #e4393c;
    border-color: #e4393c
}

.quan-mod .empty-box {
    border: none
}

.quan-mod .empty-box .empty-cont {
    width: 400px
}

.quan-mod .empty-box h3 {
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 16px;
    color: #333
}

.empty-box03 {
    border: none
}

.empty-box03 .empty-cont {
    width: 500px
}

.quan-tip {
    position: relative;
    line-height: 18px;
    margin: 20px 0;
    text-align: center
}

.quan-tip .line {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fef0d6;
    overflow: hidden
}

.quan-tip .txt {
    position: relative;
    z-index: 2;: @inlcude inline-block;
    padding: 0 25px;
    background: #f7f7f7;
    font-size: 14px;
    color: #666
}

.search-qform-box {
    width: 650px;
    margin: 0 auto;
    padding-left: 150px
}

.tip-box {
    margin: 30px 40px;
    font-family: "Microsoft YaHei";
    font-size: 14px
}

.tip-box h3 {
    line-height: 30px;
    font-weight: 400
}

.tip-box .links {
    margin-left: -6px
}

.tip-box .links ul {
    display: inline-block;
    display: block
}

.tip-box .links ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .tip-box .links ul {
    height: 1%
}

* + html .tip-box .links ul {
    min-height: 1%
}

.tip-box .links li {
    float: left;
    border-left: 1px solid #ccc;
    padding: 0 5px
}

.tip-box .item-fore {
    overflow: hidden
}

.tip-box .item-fore div {
    line-height: 20px;
    min-height: 20px
}

.icon-box {
    position: relative;
    _height: 48px;
    _overflow: visible
}

.icon-box .m-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/icon48.png) no-repeat
}

.icon-box .succ-icon {
    background-position: 0 0
}

.icon-box .warn-icon {
    background-position: -59px 0
}

.icon-box .qm-icon {
    background-position: -119px 0
}

.icon-box .item-fore {
    margin-left: 58px
}

.qs-tips {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 9px 20px;
    line-height: 18px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    color: #333
}

.qs-tips .s-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/icon16.png) no-repeat;
    overflow: hidden;
    vertical-align: middle
}

.qs-tips .txt {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

.qs-tips .succ-icon {
    background-position: 0 0
}

.qs-tips .warn-icon {
    background-position: -26px 0
}

.qs-tips .error-icon {
    background-position: -52px 0
}

.quant-box {
    text-align: center
}

.quant-box .quan-img {
    margin: 80px auto 70px
}

div.prompt-tips {
    border: 1px solid #ddd;
    background: #fff;
    margin-top: 30px
}

div.prompt-tips .ui-tips-arrow {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/arrow.png)
}

div.prompt-tips .prompt-box {
    line-height: 20px;
    color: #666
}

div#quan-dialog .ui-dialog-title {
    background: #fff;
    color: #323333;
    border-bottom: 1px solid #eee
}

div#quan-dialog .ui-dialog-close {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/dialog-close.png)
}

.quan-dialog-what1, .quan-dialog-what2 {
    width: 260px;
    padding: 30px 120px;
    margin-left: -120px;
    background-color: #fff
}

.quan-dialog-what1 .ui-dialog-close, .quan-dialog-what2 .ui-dialog-close {
    width: 9px;
    height: 9px;
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/dialog-close.png)
}

.quan-dialog-what1 .tip-box, .quan-dialog-what2 .tip-box {
    margin: 30px 0
}

.quan-dialog-what1 h3, .quan-dialog-what2 h3 {
    line-height: 24px;
    font-size: 16px
}

.quan-dialog-what1 h3 .num, .quan-dialog-what2 h3 .num {
    color: #f91
}

.quan-dialog-what1 .quan, .quan-dialog-what2 .quan {
    clear: both
}

.quan-dialog-what1 .quan .inner_quan, .quan-dialog-what2 .quan .inner_quan {
    width: 230px;
    height: 134px
}

.quan-dialog-what1 .quan .inner_quan .price, .quan-dialog-what2 .quan .inner_quan .price {
    line-height: 58px;
    height: 58px;
    text-align: center;
    display: block;
    padding-top: 18px;
    color: #fff
}

.quan-dialog-what1 .quan .inner_quan .price .rmb, .quan-dialog-what2 .quan .inner_quan .price .rmb {
    font-size: 24px
}

.quan-dialog-what1 .quan .inner_quan .price .num, .quan-dialog-what2 .quan .inner_quan .price .num {
    font-size: 60px;
    font-family: Arial
}

.quan-dialog-what1 .quan .inner_quan .def, .quan-dialog-what2 .quan .inner_quan .def {
    height: 24px;
    line-height: 24px;
    color: #fff;
    display: block;
    text-align: center
}

.quan-dialog-what1 .quan .inner_quan .def .first, .quan-dialog-what2 .quan .inner_quan .def .first {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #5bbabc;
    border-radius: 13px;
    text-align: center;
    line-height: 24px;
    margin-right: 10px
}

.quan-dialog-what1 .quan .inner_quan .shuoming, .quan-dialog-what2 .quan .inner_quan .shuoming {
    height: 32px;
    overflow: hidden;
    line-height: 16px;
    padding: 4px 4px 10px;
    text-align: center
}

.quan-dialog-what1 .quan_dq .inner_quan, .quan-dialog-what2 .quan_dq .inner_quan {
    background-color: #74d2d4
}

.quan-dialog-what1 .quan_dq .inner_quan .def .first, .quan-dialog-what2 .quan_dq .inner_quan .def .first {
    color: #9cedef
}

.quan-dialog-what1 .quan_dq .shuoming, .quan-dialog-what2 .quan_dq .shuoming {
    color: #359ea0
}

.quan-dialog-what1 .quan_dq .bottom, .quan-dialog-what2 .quan_dq .bottom {
    width: 230px;
    height: 7px;
    display: block;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/market.png) repeat -978px -238px
}

.quan-dialog-what1 .quan_jq .inner_quan, .quan-dialog-what2 .quan_jq .inner_quan {
    background-color: #fa9899
}

.quan-dialog-what1 .quan_jq .inner_quan .def .first, .quan-dialog-what2 .quan_jq .inner_quan .def .first {
    background-color: #e17c7d;
    color: #fa9899
}

.quan-dialog-what1 .quan_jq .shuoming, .quan-dialog-what2 .quan_jq .shuoming {
    color: #e17c7d
}

.quan-dialog-what1 .quan_jq .bottom, .quan-dialog-what2 .quan_jq .bottom {
    width: 230px;
    height: 7px;
    display: block;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/market.png) repeat -977px -207px
}

.quan-dialog-what1 .quan_myf .inner_quan, .quan-dialog-what2 .quan_myf .inner_quan {
    background-color: #7ea7ce
}

.quan-dialog-what1 .quan_myf .inner_quan .def .first, .quan-dialog-what2 .quan_myf .inner_quan .def .first {
    background-color: #6a92b8;
    color: #7ea7ce
}

.quan-dialog-what1 .quan_myf .inner_quan .price .rmb, .quan-dialog-what2 .quan_myf .inner_quan .price .rmb {
    font-family: '\5FAE\8F6F\96C5\9ED1'
}

.quan-dialog-what1 .quan_myf .shuoming, .quan-dialog-what2 .quan_myf .shuoming {
    color: #5a80a4
}

.quan-dialog-what1 .quan_myf .bottom, .quan-dialog-what2 .quan_myf .bottom {
    width: 230px;
    height: 7px;
    display: block;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/market.png) repeat -978px -258px
}

.quan-dialog-what1 .op-btns .btn-m2, .quan-dialog-what2 .op-btns .btn-m2 {
    margin-left: 0;
    float: right
}

.quan-dialog-what2 .tip-box {
    margin: 30px auto 30px 50px
}

.quan-dialog-what2 .item-fore h3 {
    line-height: 50px
}

.quan-dialog-what3 .ui-dialog-close {
    width: 9px;
    height: 9px;
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/dialog-close.png)
}

.quan-dialog-what3 .tip-box {
    margin: 30px auto 30px 50px
}

.quan-dialog-what3 .item-fore {
    width: 227px
}

.quan-dialog-what3 .item-fore h3 {
    line-height: 24px;
    margin-bottom: 27px
}

.quan-dialog-what3 .quan_dh .btn_goon {
    width: 285px;
    display: block;
    border-radius: 2px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dedede;
    height: 50px;
    margin-bottom: 10px;
    line-height: 50px
}

.quan-dialog-what3 .quan_dh .btn_goon:hover {
    border: 1px solid #e4393c
}

.quan-dialog-what3 .quan_dh .btn_back {
    width: 285px;
    display: block;
    text-align: center;
    border-radius: 2px;
    background-color: #fff;
    border: 1px solid #dedede;
    height: 50px;
    line-height: 50px
}

.quan-dialog-what3 .quan_dh .btn_back:hover {
    border: 1px solid #e4393c
}

.quan-dialog-what3 .op-btns {
    width: 285px;
    text-align: center
}

.quan-dialog-what3 .op-btns .btn-m2 {
    margin: 0 auto
}

/* user-quan/1.0.0 header.css Date:2016-05-26 16:34:07 */
#myquan .dt b, #myquan .dt s, #quan-search .ci-right, #quan-search.hover .i-quan .select b {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

#logo-2014 .extra {
    position: absolute;
    top: 15px;
    left: 168px;
    width: 180px;
    height: 70px;
    padding-left: 10px;
    background: #fff
}

#channel {
    float: left;
    margin-right: 10px;
    cursor: default;
    font: 400 20px/70px 'Microsoft YaHei';
    color: #333
}

#search-2014 .text {
    padding-left: 104px;
    width: 270px
}

.root61 #search-2014 .text {
    width: 346px
}

#settleup-2014-quan {
    float: right;
    z-index: 11;
    height: 36px;
    margin-top: 25px
}

.root61 #settleup-2014-quan {
    margin-right: 65px
}

#quan-search {
    position: absolute;
    margin-top: 0;
    left: 2px;
    z-index: 1;
    width: 100px;
    font-size: 14px;
    cursor: pointer;
    top: 2px;
    background-color: #f9f9f9;
    font-family: 'Microsoft YaHei'
}

#quan-search .quan-tit {
    position: relative;
    padding: 7px 0 7px 20px;
    line-height: 18px;
    overflow: hidden;
    color: #666;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8
}

#quan-search .ci-right {
    display: block;
    position: absolute;
    top: 13px;
    right: 20px;
    width: 9px;
    height: 6px;
    margin-left: 10px;
    overflow: hidden;
    background-position: -102px 0;
    vertical-align: middle
}

#quan-search .i-quan {
    display: none;
    border: solid #d8d8d8;
    border-width: 0 1px 1px
}

#quan-search.hover {
    background: #fff
}

#quan-search.hover .ci-right {
    background-position: -122px 0
}

#quan-search.hover .i-quan {
    display: block
}

#quan-search.hover .i-quan a {
    display: block;
    position: relative;
    height: 32px;
    line-height: 32px;
    color: #666;
    padding-left: 20px
}

#quan-search.hover .i-quan .select a, #quan-search.hover .i-quan a:hover {
    color: #e4393c
}

#quan-search.hover .i-quan .select b {
    display: block;
    position: absolute;
    left: 67px;
    top: 8px;
    width: 12px;
    height: 14px;
    background-position: -64px 0
}

#myquan {
    width: 139px;
    height: 34px;
    border: 1px solid #DFDFDF;
    padding: 0;
    background: #F9F9F9;
    text-align: center;
    line-height: 34px;
    font-family: 'Microsoft YaHei'
}

#myquan .dt {
    padding-left: 19px;
    text-align: left
}

#myquan .dt b, #myquan .dt s {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle
}

#myquan .dt s {
    width: 16px;
    height: 18px;
    margin-right: 8px;
    background-position: -52px -192px
}

#myquan .dt b {
    width: 6px;
    height: 9px;
    margin-left: 13px;
    background-position: -141px 0
}

#myquan .dd {
    display: none;
    position: absolute;
    *border: 1px solid #dfdfdf;
    border: 1px solid #dfdfdf \9;
    top: 33px;
    right: 1px;
    width: 210px;
    padding: 10px 0;
    background: #fff
}

#myquan .dd .spacer {
    position: absolute;
    right: 0;
    top: -6px;
    *top: -7px;
    top: -7px \9;
    width: 138px;
    height: 12px;
    background: #fff
}

#myquan .quantarget {
    text-align: left
}

#myquan .quantarget li {
    position: relative
}

#myquan .quantarget .num {
    position: absolute;
    top: 0;
    right: 10px;
    color: #656565
}

#myquan .quantarget .unread {
    color: #e4393c
}

#myquan .quantarget .unread em {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin-right: 5px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #e4393c;
    color: #fff
}

#myquan .quantarget a {
    display: block;
    padding: 0 10px 0 20px;
    height: 26px;
    line-height: 26px;
    color: #9a9a9a;
    overflow: hidden
}

#myquan .quantarget a:hover {
    background-color: #e4393c;
    color: #fff
}

#myquan .quantarget a:hover .num {
    color: #fff
}

#myquan:hover {
    border-color: #fff;
    *border-color: #dfdfdf;
    border-color: #dfdfdf \9
}

#myquan .hover .dt {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#myquan .hover .dd {
    display: block;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}

#navitems-group1 .curr, #navitems-group1 .curr a {
    color: #a41616
}

/* user-quan/1.0.0 g-scroll.css Date:2016-05-26 16:34:07 */
#g-slider {
    position: relative;
    overflow: hidden;
    padding-bottom: 10px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/h-g-circle.png) repeat-x left bottom #fff
}

#g-slider #g-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 300px;
    text-align: center;
    overflow: hidden
}

#g-slider #g-bg img {
    width: 1920px
}

#g-slider #g-scroll {
    position: relative;
    height: 300px;
    overflow: hidden;
    margin: 0 auto
}

#g-slider #g-scroll.homo-scroll {
    height: 300px
}

#g-slider #g-scroll ul li {
    position: relative;
    overflow: hidden;
    width: 100%
}

#g-slider #g-scroll .num-ctrl {
    position: absolute;
    bottom: 5px;
    height: 22px;
    width: 100%;
    line-height: 20px;
    padding: 6px 0;
    text-align: center;
    z-index: 1
}

#g-slider #g-scroll .num-ctrl em, #g-slider #g-scroll .num-ctrl span {
    display: inline-block;
    vertical-align: middle;
    height: 10px;
    line-height: 66px;
    font-size: 0;
    width: 10px;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all .2s ease 0;
    -moz-transition: all .2s ease 0;
    transition: all .2s ease 0;
    filter: alpha(opacity=70);
    -moz-opacity: .7;
    opacity: .7
}

#g-slider #g-scroll .num-ctrl em.curr, #g-slider #g-scroll .num-ctrl span.curr {
    background-color: #232323
}

/* user-quan/1.0.0 quan-seckill.css Date:2016-11-30 17:05:23 */
@charset "UTF-8";
.quan-sk-item .q-opbtns .qcode-btn b {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

.quan-sk-item .btn-state {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-state.png);
    background-repeat: no-repeat
}

.quan-sk-item {
    display: inline-block;
    display: block;
    position: relative;
    height: 170px;
    width: 350px;
    padding-right: 130px;
    background: #fff;
    font-family: "Microsoft YaHei";
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.quan-sk-item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-sk-item {
    height: 1%
}

* + html .quan-sk-item {
    min-height: 1%
}

.quan-sk-item:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.quan-sk-item .sk-img {
    float: left;
    width: 160px;
    padding: 20px 0;
    text-align: center
}

.quan-sk-item .sk-img img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.quan-sk-item .sk-img:hover img {
    -webkit-transform: scale3d(0.98, .98, 1);
    -moz-transform: scale3d(0.98, .98, 1);
    transform: scale3d(0.98, .98, 1)
}

.quan-sk-item .q-type {
    float: left;
    width: 190px;
    padding: 27px 0 0
}

.quan-sk-item .q-price {
    display: inline-block;
    display: block;
    margin-bottom: 10px;
    color: #74d2d4
}

.quan-sk-item .q-price:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-sk-item .q-price {
    height: 1%
}

* + html .quan-sk-item .q-price {
    min-height: 1%
}

.quan-sk-item .q-price em {
    float: left;
    margin: 5px 0 0;
    font-family: verdana;
    font-size: 24px
}

.quan-sk-item .q-price strong {
    float: left;
    line-height: 50px;
    margin: 0 10px 0 5px;
    font-size: 60px;
    font-family: arial;
    _display: inline
}

.quan-sk-item .q-price .txt {
    float: left;
    line-height: 22px;
    margin-top: 25px
}

.quan-sk-item .quota {
    margin-right: 10px;
    color: #666
}

.quan-sk-item .q-range {
    line-height: 22px;
    color: #999
}

.quan-sk-item .q-range .range-item p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    cursor: default
}

.quan-sk-item .q-opbtns {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 130px;
    height: 120px;
    padding: 30px 0 20px;
    background: #74d2d4;
    color: #fff;
    font-size: 14px;
    text-align: center;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0
}

.quan-sk-item .q-opbtns .semi-circle {
    display: block;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 3px;
    height: 170px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/semi-circle.png) top center repeat-y
}

.quan-sk-item .q-opbtns .q-btn {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 96px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    vertical-align: middle;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    overflow: hidden
}

.quan-sk-item .q-opbtns .q-btn b {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.quan-sk-item .q-opbtns .q-btn span.txt {
    position: relative;
    z-index: 2;
    color: #fff
}

.quan-sk-item .q-opbtns .q-btn:hover b {
    width: 100%
}

.quan-sk-item .q-opbtns .q-btn:hover span.txt {
    color: #197f81
}

.quan-sk-item .q-opbtns .q-btn-02 {
    border-color: #74d2d4
}

.quan-sk-item .q-opbtns .q-btn-02 b {
    width: 100%;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    opacity: .8
}

.quan-sk-item .q-opbtns .q-btn-02 span.txt {
    color: #197f81
}

.quan-sk-item .q-opbtns .q-btn-02:hover b {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
}

.quan-sk-item .q-opbtns .qcode-btn {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 29px;
    height: 29px;
    background: #c4feff;
    -webkit-border-radius: 5px 0;
    -moz-border-radius: 5px 0;
    border-radius: 5px 0
}

.quan-sk-item .q-opbtns .qcode-btn b {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 29px;
    height: 29px;
    background-position: 0 -384px
}

.quan-sk-item .btn-geted, .quan-sk-item .btn-getend {
    width: 69px;
    height: 69px;
    margin: 0 auto 10px;
    line-height: 99em;
    overflow: hidden
}

.quan-sk-item .btn-getend {
    background-position: -79px -79px
}

.quan-sk-item .btn-geted {
    background-position: 0 -316px
}

.quan-sk-item .qcode-box {
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    background: #c4feff;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.quan-sk-item .qcode-box .code-close {
    display: block;
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: #74d2d4;
    font-family: verdana;
    font-size: 14px;
    font-weight: 700
}

.quan-sk-item .qcode-box h4 {
    color: #197f81;
    font-size: 14px;
    font-weight: 400
}

.quan-sk-item .qcode-box .code-img {
    width: 88px;
    height: 84px;
    margin: 5px auto 0;
    border: 1px solid #f5f5f5;
    background: #fff
}

.quan-sk-item .showcode-wrap .qcode-box {
    width: 100%;
    height: 140px;
    padding: 30px 0 0
}

.hover .q-opbtns .qcode-btn {
    display: block
}

.quan-d-sk-item .q-price {
    color: #74d2d4
}

.quan-d-sk-item .q-opbtns {
    background: #74d2d4
}

.quan-j-sk-item .q-price {
    color: #fa9899
}

.quan-j-sk-item .q-opbtns {
    background: #fa9899
}

.quan-j-sk-item .q-opbtns .q-btn:hover span.txt {
    color: #fa9899
}

.quan-j-sk-item .q-opbtns .q-btn-02 {
    border-color: #fa9899
}

.quan-j-sk-item .q-opbtns .q-btn-02 span.txt {
    color: #fa9899
}

.quan-j-sk-item .q-opbtns .qcode-btn {
    background: #ffdede
}

.quan-j-sk-item .q-opbtns .qcode-btn b {
    background-position: -39px -384px
}

.quan-j-sk-item .qcode-box {
    background: #ffdede
}

.quan-j-sk-item .qcode-box .code-close, .quan-j-sk-item .qcode-box h4 {
    color: #fa9899
}

.quan-yf-sk-item .q-price {
    color: #7ea7ce
}

.quan-yf-sk-item .q-opbtns {
    background: #7ea7ce
}

.quan-yf-sk-item .q-opbtns .q-btn:hover span.txt {
    color: #7ea7ce
}

.quan-yf-sk-item .q-opbtns .q-btn-02 {
    border-color: #7ea7ce
}

.quan-yf-sk-item .q-opbtns .q-btn-02 span.txt {
    color: #7ea7ce
}

.quan-yf-sk-item .q-opbtns .qcode-btn {
    background: #d7ebff
}

.quan-yf-sk-item .q-opbtns .qcode-btn b {
    background-position: -78px -384px
}

.quan-yf-sk-item .qcode-box {
    background: #d7ebff
}

.quan-yf-sk-item .qcode-box .code-close, .quan-yf-sk-item .qcode-box h4 {
    color: #7ea7ce
}

.quan-gray-sk-item, .quan-gray-sk-item .q-price {
    color: #c3c3c3
}

.quan-gray-sk-item .q-opbtns {
    background: #c3c3c3
}

.quan-gray-sk-item .q-opbtns .q-btn {
    border: 0
}

.quan-gray-sk-item .q-opbtns .q-btn b {
    width: 0
}

.quan-gray-sk-item .q-opbtns .q-btn span.txt {
    color: #fff
}

.quan-gray-sk-item .q-opbtns .q-btn:hover {
    cursor: default;
    background: #c3c3c3
}

.quan-gray-sk-item .q-opbtns .q-btn:hover b {
    width: 0
}

.quan-gray-sk-item .q-opbtns .q-btn:hover span.txt {
    color: #fff
}

.quan-gray-sk-item .quota {
    color: #666
}

.quan-gray-sk-item .btn-getend {
    background-position: -79px -79px
}

.jd-clock {
    position: relative;
    width: 53px;
    height: 53px;
    margin: 0 auto 20px;
    border-radius: 50%;
    border: 3px solid #fff
}

.jd-clock::before {
    content: "";
    position: absolute;
    left: 25px;
    top: 25px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: red
}

.jd-clock .jd-clock-h {
    position: absolute;
    top: 11px;
    left: 24px;
    height: 19px;
    width: 3px;
    background-color: #fff;
    border-radius: 2px;
    transform: rotate(10deg);
    -webkit-transform-origin: 2.5px 16.5px;
    -moz-transform-origin: 2.5px 16.5px;
    transform-origin: 2.5px 16.5px
}

.jd-clock .jd-clock-m {
    position: absolute;
    left: 10px;
    top: 25px;
    width: 19px;
    height: 3px;
    background: 0 0;
    border-radius: 2px
}

.jd-clock .jd-clock-m::after {
    content: "";
    position: absolute;
    left: 13px;
    top: -18px;
    width: 3px;
    height: 21px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-transform-origin: 2.5px 19.5px;
    -moz-transform-origin: 2.5px 19.5px;
    transform-origin: 2.5px 19.5px;
    -webkit-animation: tick-tock 20s steps(60, end) infinite;
    -moz-animation: tick-tock 20s steps(60, end) infinite;
    animation: tick-tock 20s steps(60, end) infinite
}

.jd-clock .jd-clock-s {
    position: absolute;
    left: 24px;
    top: -2px;
    width: 3px;
    height: 22px;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-animation: tick-tock 10s linear infinite;
    -moz-animation: tick-tock 10s linear infinite;
    animation: tick-tock 10s linear infinite
}

@-webkit-keyframes tick-tock {
    to {
        -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
        -moz-transform: rotate(360deg) translate3d(0, 0, 0);
        transform: rotate(360deg) translate3d(0, 0, 0)
    }
}

@-moz-keyframes tick-tock {
    to {
        -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
        -moz-transform: rotate(360deg) translate3d(0, 0, 0);
        transform: rotate(360deg) translate3d(0, 0, 0)
    }
}

@keyframes tick-tock {
    to {
        -webkit-transform: rotate(360deg) translate3d(0, 0, 0);
        -moz-transform: rotate(360deg) translate3d(0, 0, 0);
        transform: rotate(360deg) translate3d(0, 0, 0)
    }
}

.canvas {
    width: 60px;
    margin: 0 auto 10px
}

.seckill-list {
    display: inline-block;
    display: block;
    width: 1020px;
    *margin-bottom: 28px
}

.seckill-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .seckill-list {
    height: 1%
}

* + html .seckill-list {
    min-height: 1%
}

.seckill-list .quan-sk-item {
    float: left;
    margin: 2px 28px 28px 2px
}

.root61 .seckill-list {
    width: 1240px
}

.root61 .quan-sk-item {
    width: 430px;
    padding-right: 160px
}

.root61 .quan-sk-item .sk-img {
    width: 200px
}

.root61 .quan-sk-item .q-type {
    width: 230px
}

.root61 .quan-sk-item .q-opbtns {
    width: 160px
}

/* user-quan/1.0.0 quan-task.css Date:2016-05-26 16:34:07 */
.quan-task-item .task-state i, .quan-task-item .task-time b {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

.quan-task-item {
    position: relative;
    height: 220px;
    width: 478px;
    padding: 30px 0;
    border: 1px solid #f1f1f1;
    font-family: 'Microsoft YaHei';
    overflow: visible
}

.quan-task-item:hover {
    border-color: #fff;
    *border-color: #f1f1f1;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.quan-task-item .task-state {
    position: absolute;
    top: 10px;
    left: -4px;
    padding: 0 18px;
    color: #fff;
    font-size: 14px;
    height: 34px;
    line-height: 34px
}

.quan-task-item .task-state i {
    position: absolute;
    display: block
}

.quan-task-item .task-state i.i1 {
    width: 4px;
    height: 4px;
    top: -4px;
    left: 0
}

.quan-task-item .task-state i.i2 {
    width: 3px;
    height: 34px;
    top: 0;
    right: -3px
}

.quan-task-item .p-img {
    float: left;
    width: 250px;
    text-align: center
}

.quan-task-item .p-img img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease
}

.quan-task-item .p-img:hover img {
    -webkit-transform: scale3d(0.98, .98, 1);
    -moz-transform: scale3d(0.98, .98, 1);
    transform: scale3d(0.98, .98, 1)
}

.quan-task-item .task-rcol {
    float: left;
    width: 205px
}

.quan-task-item .p-name {
    height: 44px;
    line-height: 22px;
    font-size: 18px;
    overflow: hidden
}

.quan-task-item .p-ad {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    width: 77px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0;
    color: #ef8889;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png) 0 -221px
}

.quan-task-item .p-price {
    display: inline-block;
    display: block;
    color: #e4393c
}

.quan-task-item .p-price:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-task-item .p-price {
    height: 1%
}

* + html .quan-task-item .p-price {
    min-height: 1%
}

.quan-task-item .p-price em {
    float: left;
    margin: 5px 0 0;
    font-family: verdana;
    font-size: 24px
}

.quan-task-item .p-price strong {
    float: left;
    line-height: 50px;
    margin: 0 10px 0 5px;
    font-size: 60px;
    font-family: arial;
    _display: inline
}

.quan-task-item .p-price .quan-types {
    float: left
}

.quan-task-item .task-time {
    margin-top: 40px
}

.quan-task-item .quan-types {
    margin-top: 20px
}

.quan-task-item .task-time {
    color: #999
}

.quan-task-item .task-time b {
    position: relative;
    top: -1px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-position: 0 -193px;
    vertical-align: middle
}

.task-todo .task-state {
    background: #e4393c
}

.task-todo .task-state .i1 {
    background-position: -29px 0
}

.task-todo .task-state .i2 {
    background-position: 0 0
}

.task-todo .p-name a, .task-todo .p-price {
    color: #c3c3c3
}

.task-todo .p-ad {
    background-position: -87px -221px;
    color: #999
}

.task-todo .task-time {
    color: #e4393c
}

.task-todo .task-time b {
    background-position: -26px -194px
}

.task-end .task-state {
    background: #000
}

.task-end .task-state .i1 {
    background-position: -29px -14px
}

.task-end .task-state .i2 {
    background-position: -16px 0
}

.task-end .p-name a, .task-end .p-price {
    color: #c3c3c3
}

.task-end .p-ad {
    background-position: -87px -221px;
    color: #999
}

.task-list {
    display: inline-block;
    display: block;
    width: 1020px;
    *margin-bottom: 28px
}

.task-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .task-list {
    height: 1%
}

* + html .task-list {
    min-height: 1%
}

.task-list .quan-task-item {
    float: left;
    margin: 2px 21px 28px 4px
}

.root61 .quan-task-item {
    width: 588px
}

.root61 .quan-task-item .p-img {
    width: 280px
}

.root61 .quan-task-item .task-rcol {
    width: 275px
}

.root61 .task-list {
    width: 1240px
}

/* user-quan/1.0.0 quan-filter.css Date:2016-05-26 16:34:07 */
.quan-filter a.selted i {
    display: inline-block;
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-icons.png);
    background-repeat: no-repeat
}

.quan-filter {
    display: inline-block;
    display: block;
    line-height: 40px;
    border: 1px solid #f1f1f1;
    background: #fff
}

.quan-filter:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-filter {
    height: 1%
}

* + html .quan-filter {
    min-height: 1%
}

.quan-filter a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    color: #333
}

.quan-filter a i {
    position: relative;
    top: -2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border: 1px solid #f1f1f1;
    vertical-align: middle
}

.quan-filter a.selted, .quan-filter a:hover {
    color: #e4393c
}

.quan-filter a.selted i, .quan-filter a:hover i {
    border-color: #e4393c
}

.quan-filter a.selted i {
    background-position: -65px 0
}

.quan-filter .gray-box {
    display: inline-block;
    display: block;
    background: #fbfbfb
}

.quan-filter .gray-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-filter .gray-box {
    height: 1%
}

* + html .quan-filter .gray-box {
    min-height: 1%
}

.quan-filter .f-service, .quan-filter .f-sort, .quan-filter .f-types {
    float: left;
    padding-right: 20px;
    border-left: 1px solid #f1f1f1
}

.quan-filter .f-sort {
    border-left: none
}

/* user-quan/1.0.0 quan-item.css Date:2016-11-30 17:05:23 */
@charset "UTF-8";
.quan-item .btn-state {
    background-image: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/quan-state.png);
    background-repeat: no-repeat
}

.quan-item {
    position: relative;
    height: 170px;
    width: 100%;
    padding-right: 65px;
    border: 1px solid #f1f1f1;
    background: #fff;
    font-family: "Microsoft YaHei"
}

.quan-item:hover {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1)
}

.quan-item .q-type {
    padding: 25px 0 20px 15px
}

.quan-item .q-price {
    display: inline-block;
    display: block;
    margin-bottom: 10px;
    color: #74d2d4
}

.quan-item .q-price:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-item .q-price {
    height: 1%
}

* + html .quan-item .q-price {
    min-height: 1%
}

.quan-item .q-price em {
    float: left;
    margin: 5px 0 0;
    font-family: verdana;
    font-size: 24px
}

.quan-item .q-price strong {
    float: left;
    line-height: 50px;
    margin: 0 10px 0 5px;
    font-size: 60px;
    font-family: arial;
    _display: inline
}

.quan-item .q-price .txt {
    float: left;
    line-height: 22px
}

.quan-item .q-range {
    line-height: 22px;
    color: #999
}

.quan-item .q-range .range-item p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    cursor: default
}

.quan-item .q-opbtns {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 170px;
    /*height: 133px;*/
    padding: 37px 22px 0;
    line-height: 24px;
    background: #74d2d4;
    color: #fff;
    font-size: 14px
}

.quan-item .q-opbtns a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.quan-item .q-opbtns .semi-circle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 170px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/semi-circle.png) repeat-y
}

.quan-item .q-opbtns02 {
    height: 143px;
    padding: 27px 22px 0
}

.quan-item .btn-state {
    position: absolute
}

.quan-item .btn-geted, .quan-item .btn-getend {
    width: 69px;
    height: 69px;
    line-height: 99em;
    overflow: hidden;
    bottom: 5px;
    right: 70px
}

.quan-item .btn-overdue, .quan-item .btn-overdued, .quan-item .btn-wish {
    width: 55px;
    height: 55px;
    line-height: 99em;
    top: 0;
    left: 0;
    background-position: -184px 0;
    overflow: hidden
}

.quan-item .btn-overdued {
    background-position: -184px -65px
}

.quan-item .btn-wish {
    background-position: -184px -130px
}

.quan-d-item .q-price {
    color: #74d2d4
}

.quan-d-item .q-opbtns {
    background: #74d2d4
}

.quan-d-item .q-opbtns a:hover {
    color: #197f81
}

.quan-d-item .btn-geted {
    background-position: 0 -158px
}

.quan-j-item .q-price {
    color: #fa9899
}

.quan-j-item .q-opbtns {
    background: #fa9899
}

.quan-j-item .q-opbtns a:hover {
    color: #b24d4f
}

.quan-j-item .btn-geted {
    background-position: 0 -237px
}

.quan-yf-item .q-price {
    color: #7ea7ce
}

.quan-yf-item .q-opbtns {
    background: #7ea7ce
}

.quan-yf-item .q-opbtns a:hover {
    color: #3d6d9c
}

.quan-yf-item .btn-geted {
    background-position: 0 0
}

.quan-gray-item .q-price {
    color: #c3c3c3
}

.quan-gray-item .q-opbtns {
    background: #c3c3c3
}

.quan-gray-item .q-opbtns a {
    color: #868686
}

.quan-gray-item .q-opbtns a:hover {
    color: #868686;
    cursor: default
}

.quan-gray-item .btn-getend {
    background-position: 0 -79px
}

.quan-list {
    display: inline-block;
    display: block;
    width: 1240px;
    *margin-bottom: 28px
}

.quan-list:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

* html .quan-list {
    height: 1%
}

* + html .quan-list {
    min-height: 1%
}

.quan-list .quan-item {
    float: left;
    margin: 2px 28px 28px 2px
}

.root61 .quan-item {
    width: 316px
}

.root61 .quan-item .q-type {
    padding-left: 25px
}

.root61 .quan-item .q-opbtns {
    padding-left: 36px;
    padding-right: 24px
}

.root61 .quan-item .btn-geted, .root61 .quan-item .btn-getend {
    right: 90px
}

/* user-quan/1.0.0 ui-slidebar.css Date:2016-05-26 16:34:07 */
.ui-slidebar {
    width: 100px;
    line-height: 30px;
    padding: 4px 0;
    text-align: center;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    z-index: 10;
    background: #fff
}

.ui-slidebar a {
    color: #333
}

.ui-slidebar .curr a, .ui-slidebar a:hover {
    color: #e4393c
}

.ui-slidebar .bar-botttom {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100px;
    height: 4px;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/sc-02.png) repeat-x
}

.ui-slidebar .bar-top {
    position: absolute;
    left: 50%;
    top: -1px;
    width: 12px;
    height: 6px;
    margin-left: -3px;
    overflow: hidden;
    background: url(//misc.360buyimg.com/user/quan/1.0.0/css/i/sc-01.png) no-repeat
}